<template id="app">

	<!-- <el-container style="height: 600px;"> -->
	<el-container>
	  	<el-header id="header" ><Header  /></el-header>
	  	<el-container>
	    	<el-aside id="menu" width="200px"><Menu /></el-aside>
	    	<el-main id="main">
	    		<keep-alive >
	    			<router-view v-if="$route.meta.keepAlive" ></router-view>
	    		</keep-alive>

	    		<router-view v-if="!$route.meta.keepAlive" ></router-view>
	    	</el-main>
	  	</el-container>
	</el-container>

</template>

<script>

import { mapGetters } from 'vuex'
import Menu from '../components/menu/menu'
import Header from '../components/header'

export default {
	name: 'index',
		data () {
		return {
		  	
		}
	},

	components: {
		Menu,
		Header,
	},

	computed : {
		
	},

	methods : {
		
	},

	watch:{
	    
	},

	created () {

	},

}
</script>

<style scoped>

</style>
